﻿/* LAYOUT
----------------------------------------------------------*/
.light-blue-bg{background-color:transparent !important}

.light-grey-frame .x-panel-body { background-color: #dddddd; }

.light-grey-border .x-panel-body { background-color: #f0f9fd; }

.light-grey-bg{ border-color: #f0f9fd; }

.light-blue-frame .x-panel-body { background-image:url("/Resources/Images/dark-green-bg.gif");background-repeat:repeat; }

.red-frame .x-panel-body {background-image:url("/Resources/Images/green-bg.gif");background-repeat:repeat;}

.pnlCenterPage .x-panel-body { text-align: center; }

.white-bg{background-image:none;background-color:#fff !important}

.shadowbg{background-image:url("/Resources/Images/line-bg.gif") !important;background-repeat:repeat-x; }

#pnlMainContent .x-panel-body { background-color:transparent;background-image:none;} 

.light-green-bg{background-color:#bfd48e !important;}

/* TOPPAGE   
----------------------------------------------------------*/
#pnlAdminPage { text-align: right;}

/* BOTTOMPAGE   
----------------------------------------------------------*/
#pnlBottomPage { font-weight: 700; font-size: 11px; text-align: center; 
                 padding: 5px 18px 0px 0px; background-color: #dddddd; color: #3c3c3c; }

/* DEFAULTS
----------------------------------------------------------*/
body {background-image:url("/Resources/Images/grey-bg.gif");background-repeat:repeat; font-size: 12px; 
      font-family:calibri,verdana,arial,tahoma,sans-serif;margin: 0px; padding: 0px; color: #000; }

a:link, a:visited { color: #3c772b; }

a:hover { color: #58ab40; text-decoration: none; }

a:active { color: #3c772b; }

p { margin-bottom: 10px; line-height: 1.6em; }

label { width: 135px !important; }

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { font-size: 1.5em; color: #666666; font-variant: small-caps; text-transform: none; font-weight: 200; margin-bottom: 0px; }

h1 { font-size: 1.6em; padding-bottom: 0px; margin-bottom: 0px; }

h2 { font-size: 1.5em; font-weight: 600; }

h3 { font-size: 1.2em; }

h4 { font-size: 1.1em; }

h5, h6 { font-size: 1em; }

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 { margin-top: 0px; }


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page { width: 960px; background-color: #fff; margin: 20px auto 0px auto; border: 1px solid #496077; }

.header { position: relative; margin: 0px; padding: 0px; background: #4b6c9e; width: 100%; }

.header h1 { font-weight: 700; margin: 0px; padding: 0px 0px 0px 20px; color: #f9f9f9; border: none; line-height: 2em; font-size: 2em; }

.main { padding: 0px 12px; margin: 12px 8px 8px 8px; min-height: 420px; }

.leftCol { padding: 6px 0px; margin: 12px 8px 8px 8px; width: 200px; min-height: 200px; }

.footer { color: #4e5766; padding: 8px 0px 0px 0px; margin: 0px auto; text-align: center; line-height: normal; }


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink { background-color: #3a4f63; width: 100%; }

div.menu { padding: 4px 0px 4px 8px; }

div.menu ul { list-style: none; margin: 0px; padding: 0px; width: auto; }

div.menu ul li a, div.menu ul li a:visited { background-color: #465c71; border: 1px #4e667d solid; color: #dde4ec; display: block; line-height: 1.35em; padding: 4px 20px; text-decoration: none; white-space: nowrap; }

div.menu ul li a:hover { background-color: #bfcbd6; color: #465c71; text-decoration: none; }

div.menu ul li a:active { background-color: #465c71; color: #cfdbe6; text-decoration: none; }

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset { margin: 1em 0px; padding: 1em; border: 1px solid #ccc; width: 350px; }

fieldset p { margin: 2px 12px 10px 10px; }

fieldset.login label, fieldset.register label, fieldset.changePassword label { display: block; }

fieldset label.inline { display: inline; }

legend { font-size: 1.1em; font-weight: 600; width: 100%; height: 15px; }

.ext-ie .x-fieldset-noborder legend span { left: 3px !important; }

input.passwordEntry { width: 320px; border: 1px solid #ccc; }

/* MISC  
----------------------------------------------------------*/

.clear { clear: both; }

.title { display: block; float: left; width: auto; font-weight: 700; text-transform: uppercase; font-size: 1.5em; color: #666666; }

.titleError { font-weight: 700; text-align: center !important; text-transform: uppercase; font-size: 1.5em; color: #666666; }

#pnlTitleContent { text-transform:uppercase;font-weight: 700; font-family: calibri,verdana,arial,tahoma,sans-serif; 
                   font-size: 16px; line-height: 1.25; color: #3c3c3c; border-bottom:1px solid #3c772b;}

.centerAlgn { text-align: center !important; }

.required { color: Red; }

.textTotal{border:3px double #14591f !important;font-weight:700;}
#MainContent_pnlAllocationsTotal label{width:120px !important;}
 
/* LOGIN FORM  
----------------------------------------------------------*/
div #MainContent_lblLoginTitle { margin: 0px 0px 5px 18px; }
#MainContent_pnlLogin .x-toolbar-right-ct { margin-right: 123px !important; }
#MainContent_pnlLogin .x-form-element input { width: 160px; }

.bgLoginTitle{background-image:url("/Resources/Images/img-secure.png");background-repeat:no-repeat;padding-left:15px;margin-bottom:15px}

/* RESETPASSWORD FORM
----------------------------------------------------------*/

#MainContent_pnlOuterWrapper .x-toolbar-right-ct { margin-right:28px !important; }
#MainContent_pnlOuterWrapper .x-form-element input { width: 160px; }
#MainContent_pnlOuterWrapper label{width:190px !important;padding-right:5px;}

.bgForgotPasswordTitle{background-image:url("/Resources/Images/ResetPass.jpg");background-repeat:no-repeat;padding-left:45px;padding-top:10px}

/* CHANGEPASSWORD FORM 
----------------------------------------------------------*/
#MainContent_pnlChangePassword .x-toolbar-right-ct { margin-right: 10px !important; }
#MainContent_pnlChangePassword .x-form-element input { width: 163px; }
#MainContent_pnlChangePassword label { width: 145px !important; }
#MainContent_pnlChangePass .x-panel-body{border-color:transparent}

.bgImgChangePass{background-image:url("/Resources/Images/passhash.png") !important; background-repeat:no-repeat;margin-top:15px}

/* MENU TOP  
----------------------------------------------------------*/
#TopPage2_mnuTop { background-color: transparent; }
.x-menu.x-menu-horizontal .x-menu-list { overflow: hidden; }
.x-menu.x-menu-horizontal .x-menu-list .x-menu-list-item { float: left; }
.x-menu.x-menu-horizontal .x-menu-list .x-menu-list-item .x-menu-item-arrow { background: none; }

#TopPage2_mnuTop a span.x-menu-item-text { color: #367026;font-weight:700; }
#TopPage2_mnuTop a:hover span.x-menu-item-text, #TopPage2_mnuTop a:active span.x-menu-item-text { color: #58ab40 !important; }

.x-menu-item-active a span.x-menu-item-text { color: #58ab40 !important;  }

.selectedMenuItem { background-color: #DBECF4 !important; background-image: url("/extjs/resources/images/default/menu/item-over-gif/ext.axd") !important; border-color: #AACCF6 !important; }
.selectedMenuItem span.x-menu-item-text { color: #58ab40 !important; }

.txtWelcome{padding-top:6px;color:#367026;font-weight:700;padding-right:10px}

/* MainMenu
----------------------------------------------------------*/

#MainMenu_mnuMainMenu{width:950px !important;}
#MainMenu_mnuMainMenu { background-color: transparent;}
#MainMenu_mnuMainMenu a span.x-menu-item-text { color: #fff;font-weight:700;text-transform:uppercase; }
#MainMenu_mnuMainMenu a:hover span.x-menu-item-text, #TopPage2_mnuTop a:active span.x-menu-item-text { color: #58ab40 !important; }
#MainMenu_mnuMainMenu .x-menu-item-active a span.x-menu-item-text { color: #58ab40 !important;  }

/***************************Override font************************/
.x-form-item,
.x-form-field,
.x-panel-fbar td, 
.x-panel-fbar span, 
.x-panel-fbar input, 
.x-panel-fbar div, 
.x-panel-fbar select, 
.x-panel-fbar label,
.x-btn button,
.x-menu-list-item {
    font: 12px calibri,verdana,arial,tahoma,sans-serif !important;
}
body.x-body-masked .x-window-plain .x-window-mc{background-image:none;background-color:#376b1a;}

.bgMainFunction .x-panel-body{padding:10px;}
.txtWelcomeContent{margin:10px;margin-left:25px;min-width:361px;max-width:391px;text-align:justify;}
.lineOrange{background-image: url("/Resources/Images/line-orange.gif") !important;background-repeat:repeat;}
.linkMyAssignment{	
	background: url("/Resources/Themes/green/images/yourtheme/panel/white-top-bottom.gif") scroll 0 -1px transparent !important;
    height:18px;
    font-family: calibri,verdana,arial,tahoma,sans-serif;
    border: 1px solid #C1D58F;
    line-height: 15px;
    overflow: hidden;
    padding: 5px 3px 4px 5px;
    margin-bottom:61px
}
.linkMyAssignment a{color: #FFFFFF;text-decoration:none;}
.linkMyAssignment a:hover{color: #ffcb20}

/*------------------------------OVERRIDE---------------------*/

.x-form-group .x-form-group-header-text {
    background: url("/Resources/Themes/green/images/yourtheme/shared/formgroup.gif") no-repeat scroll 2px 0 transparent;
    color: #266522;    
    font-weight:700;
}

.x-form-group .x-form-group-header {
    border-bottom: 0px solid #266522;
}

.x-date-inner .x-date-prevday a, .x-date-inner .x-date-nextday a {
    color: #7e7c7c;
}

/*--------------------COMBOBOX GRID-------------------------------*/

.cboGrid-list{font: 11px calibri,verdana,arial,tahoma,sans-serif;}        
.cboGrid-list th{font-weight:700;color:#fff;background-color:#266522}        
.cboGrid-list td, .cboGrid-list th{padding:5px;}

#txtNoteTop .width170{width:170px !important}
.borderBottomCell{border-bottom:2px solid #14591f}
.noneBorderBottomCell{border-bottom: 0px !important;}
#MainContent_pnlCtrlRight .x-panel-body{text-align:right}                      